<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				background:gainsboro;
				width: 100%px;
				height: 100%;
				margin: 0px;
			padding: 0px;
			}
			h1{
				color: white;
				background: black;
				
			}
			dl{
				
				background-repeat: no-repeat;
				
				background: white;
				margin: 0px;
				padding: 0px;
				
			}
			
			dl dt,img{
				vertical-align: middle;
			}
			.box{
			width:230px;
			
			border: 1px solid black;
			margin: 0px;
			padding: 0px;
		}
		.bo{
			width: 230px;
			border-style: solid solid dashed;
			border-width:1px;
			border-color: white 
			margin: 0px;
			padding: 0px;
		}
		
		</style>
	</head>
	<body>
		
		<div id="">
			
		
		<h1 class="box">全部分类</h1>
			
			<dl class="bo">
		
				<dt ><img src="img/icon_01.gif"/>护肤</dt>
			<dd>洁面 化妆水 喷雾 美容液 眼霜</dd>
				<dd>眼部精华 眼膜 面膜 面膜贴</dd>
					<dd>水洗面膜 免洗面膜 精华 精油</dd>
						<dd> 凝露 乳液 面霜 日霜 晚霜</dd>
			
			
		</dl>
			<dl class="bo">
		
				<dt ><img src="img/icon_02.gif"/>彩妆</dt>
			<dd>卸妆 防晒 隔离 BB霜 粉底 粉饼</dd>
				<dd>眼部精华 眼膜 面膜 面膜贴</dd>
					<dd>睫毛膏 眼影 唇彩 腮红 眼线笔</dd>
						<dd>底妆 遮瑕 蜜粉 眉笔 美甲</dd>
			</dl>
			<dl class="bo">
		
				<dt ><img src="img/icon_03.gif"/>香氛
</dt>
			<dd>男香 女香 小Q装 中性香水</dd>
				
			</dl>
			<dl class="bo">
		
				<dt ><img src="img/icon_04.gif"/> 身体护理</dt>
			<dd>洗发 护发 沐浴 身体乳 手足护理</dd>
				<dd>护手霜 纤体 身体精油 颈部护理</dd>
					<dd>个人护理 卫生用品 脱毛</dd>
						
			</dl>
			<dl class="bo">
		
				<dt ><img src="img/icon_05.gif"/>礼盒套装</dt>
			<dd>护肤套装 身体护理套装 彩妆套装 </dd>
				<dd>旅行装 香水套装 男士套装 </dd>
					
			</dl>
			<dl class="bo">
		
				<dt ><img src="img/icon_06.gif"/>美容工具</dt>
			<dd>护肤 彩妆 美发 美体 美甲 </dd>
				<dd>美容仪器 其他美容工具 </dd>
					
			</dl>

 





 

 








</div>
	</body>
</html>
